---
title: Розміри модального вікна
description: Широкий проти Компактного
---

# Розміри модального вікна

## Широкий проти Компактного розміру

За замовчуванням, `modalSize` RainbowKit встановлений на `wide` (і виглядає так):

<Img src="/modal-default.png" height="569" width="1029" />

Ми також надаємо компактний розмір модального вікна, який виглядає так:

<Img src="/modal-compact.png" height="569" width="1029" />

Щоб встановити розмір вашого модального вікна на `compact`, просто додайте `modalSize="compact"` як проп у ваш `RainbowKitProvider`:

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider modalSize="compact" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```
